<template>
	<view class="container">
		<!-- 导航栏 -->
		<view class="navbar">
			<nav-bar title="模型定制化" :backIcon="false" bgColor="#f3f4f6"></nav-bar>
		</view>
		<view class="content">
			<home v-if="pageCur=='home'"></home>
			<classification v-if="pageCur=='classification'"></classification>
			<message v-if="pageCur=='message'"></message>
			<cart v-if="pageCur=='cart'"></cart>
			<center v-if="pageCur=='center'"></center>
		</view>
		<!-- 底部导航 -->
		<view class="foot">
			<tab-bar></tab-bar>
		</view>
	</view>
</template>

<script>
	import home from '@/pages/home/home.vue'
	import classification from '@/pages/classification/classification.vue'
	import message from '@/pages/message/message.vue'
	import cart from '@/pages/cart/cart.vue'
	import center from '@/pages/center/center.vue'

	export default {
		components: {
			home,
			classification,
			message,
			cart,
			center,
		},
		data() {
			return {
				pageCur: 'basics',
			};
		},
		onLoad: function(option) {

		},
		mounted() {

		},
		create() {

		},
		methods: {

		},
	}
</script>

<style scoped>

</style>